<template>
    <div class="h-full grid grid-rows-[minmax(192px,1fr)_minmax(196px,1fr)_minmax(256px,1fr)_minmax(256px,1fr)] gap-[20px]">
   <countall/>
   <countalls/>
   <piecounts/>
   <alarmTrend/>
  
    </div>
  </template>
  <script setup lang="ts">
import countall from "./component/countall.vue"
import countalls from "./component/countalls.vue"
 import piecounts from "./component/pies-count.vue"
 import alarmTrend from "./component/alarm-trend.vue"
  </script>